export default function Header({ news, returnItem }) {

    // let test = () => {
    //     change("哈哈哈哈")
    // }

    // return (
    //     <div className="header">
    //         <hr />
    //         <h2 onClick={test}>头部 {title}</h2>
    //         <hr />
    //         {children[0]}
    //         <hr />
    //         {children[1]}
    //         <hr />
    //     </div>
    // )

    return (
        <div className="header">
            {
                news.map((item, index) => {
                    return (
                        <li onClick={() => returnItem(item)} key={index} >
                            {item.id} {item.title}
                        </li>
                    )
                })
            }
        </div>
    )
}